<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>产品展示</title>
    <link rel="stylesheet" href="../css/food.css">
    <link rel="stylesheet" href="../css/top.css">
    <link rel="stylesheet" href="../css/public.css">
    <link rel="stylesheet" href="../css/footer.css">
    <link rel="stylesheet" href="../css/lunbotu.css">
    <link rel="stylesheet" type="text/css" href="../font/iconfont.css">
    <link rel="stylesheet" href="../css/animate.min.css">
    <script src="../lib/jquery-1.12.4.js"></script>
    <script src="../js/jquery.SuperSlide.2.1.1.js"></script>
    <script src="../js/food.js"></script>
    <script src="../js/footer1.js"></script>
    <script>
        $(function () {
            //注册输入框获得光标事件
            $('#topTxt').focus(function () {
                //判断输入框里的内容是否和原来文本相同；是则清空
                if ($('#topTxt').val() === '请输入关键词') {
                    $(this).val('');
                }
                ;
            });
            $('#topTxt').blur(function () {
                //判断输入框里的内容是否为空，为空则回到初始文本，不为空则不改动里面的内容；
                if ($('#topTxt').val() === '') {
                    $(this).val('请输入关键词');
                }
                ;
            });
            $('#topBtn').click(function () {
                $('#topTxt').val('');
            })
        })
    </script>
    <!--轮播图-->
    <script>
        $(function () {
            // effect 轮播图效果 fold:淡入淡出 || topLoop:上循环滚动 || leftLoop:左循环滚动;
            $(".slideBox").slide({mainCell: ".bd ul", autoPlay: true, effect: 'leftLoop'});
        });
    </script>
</head>
<body>
<!--顶部-->
<div class="top">
    <!--顶部板心-->
    <div class="zyq-top w">
        <!--顶部logo-->
        <div class="zyq-logo fl">
            <img src="../images/logo.png" alt="">
        </div>
        <!--顶部导航栏-->
        <div class="top-nav clearfix fl">
            <ul class="clearfix">
                <li><a href="../lh-home.html">首页</a></li>
                <li><a href="whereof.html">关于我们</a></li>
                <li><a href="hcy-gsxw.html">公司新闻</a></li>
                <li><a href="food.html">产品展示</a></li>
                <li><a href="tuandui.html">团队展示</a></li>
                <li><a href="zyq-lxwm.html">联系我们</a></li>
            </ul>
        </div>
        <!--顶部搜索框-->
        <div class="top-search fl clearfix">
            <input type="text" value="请输入关键词" id="topTxt" class="topTxt">
            <span id="topBtn"><i class="iconfont icon-sousuo"></i></span>
        </div>
        <!--购物车部分-->
        <div class="top-shop fl">
            <i class="iconfont icon-gouwuche"></i>
            <span>0</span>
        </div>
    </div>
</div>
<!--轮播图！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！-->
<div id="slideBox" class="slideBox">
    <div class="hd">
        <ul>
            <li>1</li>
            <li>2</li>
        </ul>
    </div>
    <div class="bd">
        <ul>
            <li><img src="../images/homePage/-1172.png" width="1920px"/>
                <div>

                    <h5>Make with love</h5>
                    <span>用心做</span>
                    <p>Green onion,ginger and farlic are</p>
                    <p>ChineseFavorite flavor of vegetables to say to in a day</p>
                    <p>Essential in the kitchen</p>
                    <a href="">OUR MENU</a>
                </div>
            </li>
            <li><img src="../images/homePage/-2028.png"  />
                <div class="bd-div2">
                    <h5>美食网站</h5>
                    <span>第六组</span>
                    <p>食为先</p>
                    <p>吃遍天下</p>
                    <p>民以食为天</p>
                    <p>唯独美食不可辜负</p>
                    <p>你值得拥有</p>
                </div>
            </li>
        </ul>
    </div>
</div>
<!--产品列表部分-->
    <div class="food_box">
        <ul class="ul">
            <li class="li_food">
                <a href="steak_details.html">
                    <div class="food_img">
                        <img src="../images/-1505.jpg" alt="">
                    </div>
                    <!--食物牛肉内容部分-->
                    <div class="food_content">
                        <h5 class="food_title">乌拉圭进口西冷牛排（清真）500g</h5>
                        <div class="food_desc">乌拉圭牛肉营养丰富，特点是脂肪低，乌拉圭牛肉除了含有一般的锌、铁、维他命B等微量元素之外，还含有大量的omega3和抗氧化剂维生素E</div>
                        <div class="food_price">￥&nbsp;0.00</div>
                        <p class="food_btn">立即购买</p>
                    </div>
                </a>
            </li>
            <li class="li_food">
                <a href="swy_details.html">
                    <div class="food_img">
                        <img src="../images/-1494.jpg" alt="">
                    </div>
                    <!--食物三文鱼内容部分-->
                    <div class="food_content">
                        <h5 class="food_title">大西洋冰鲜级三文鱼 纯肉 300g</h5>
                        <div class="food_desc">时间是对任何一种食材的基本要求，我们坚持做从产地到您餐桌不超过72小时的鱼</div>
                        <div class="food_price">￥&nbsp;98.00</div>
                        <p class="food_btn">立即购买</p>
                    </div>
                </a>
            </li>
            <li class="li_food">
                <a href="boluo_details.html">
                    <div class="food_img">
                        <img src="../images/-1489.jpg" alt="">
                    </div>
                    <!--食物三文鱼内容部分-->
                    <div class="food_content">
                        <h5 class="food_title">台湾 金钻凤梨 1个/单果1140g-1400g果肉金黄 自然成熟 台湾&#183;</h5>
                        <div class="food_desc">精选源产地台湾屏东；宝岛之珠，年降水量2000MM，品质好，四季分明，日照充足，雨量充沛</div>
                        <div class="food_price">¥&nbsp;39.00</div>
                        <p class="food_btn">立即购买</p>
                    </div>
                </a>
            </li>
            <li class="li_food">
                <a href="jinyou_details.html">
                    <div class="food_img">
                        <img src="../images/-1488.jpg" alt="">
                    </div>
                    <!--食物凤梨内容部分-->
                    <div class="food_content">
                        <h5 class="food_title">泰国进口金柚1个 单果800-1000g</h5>
                        <div class="food_desc">金柚圆润饱满，表皮青绿色、柚香十足，拨开后微带粉色，果肉晶莹剔透、清甜脆爽，入口化渣。</div>
                        <div class="food_price">¥&nbsp;45.00</div>
                        <p class="food_btn">立即购买</p>
                    </div>
                </a>
            </li>
            <li class="li_food">
                <a href="niupai_details.html">
                    <div class="food_img">
                        <img src="../images/-1481.jpg" alt="">
                    </div>
                    <!--食物三文鱼内容部分-->
                    <div class="food_content">
                        <h5 class="food_title">澳大利亚进口菲力牛排套餐新鲜牛肉西餐12片1560g</h5>
                        <div class="food_desc">好牛才能出好肉
                            精选安格斯牛排，纹理明显，肉质紧实
                            烹饪后嫩滑多汁，老少皆宜，是家庭餐桌上的美味食材</div>
                        <div class="food_price">¥&nbsp;128.00</div>
                        <p class="food_btn">立即购买</p>
                    </div>
                </a>
            </li>
            <li class="li_food">
                <a href="xia_details.html">
                    <div class="food_img">
                        <img src="../images/-1469.jpg" alt="">
                    </div>
                    <!--食物虾内容部分-->
                    <div class="food_content">
                        <h5 class="food_title">新鲜厄瓜多尔白虾海虾包邮进口海鲜1.8kg</h5>
                        <div class="food_desc">饱满细腻的口感，入口香甜，咸甜适中，肥而不腻。
                            每一只下体饱满紧实，入口唇齿留香</div>
                        <div class="food_price">¥&nbsp;0.00</div>
                        <p class="food_btn">立即购买</p>
                    </div>
                </a>
            </li>
        </ul>
    </div>
<!--footer部分-->
<div class="gzq-footer">
    <div class="gzq-footer-banxin">
        <div class="gzq-footer-dl">
            <dl>
                <dt>帮助中心</dt>
                <dd>订餐指南</dd>
                <dd>配送方式</dd>
                <dd>支付方式</dd>
            </dl>
            <dl>
                <dt>服务支持</dt>
                <dd>售后反馈</dd>
                <dd>意见反馈</dd>
                <dd>手机版</dd>
            </dl>
            <dl>
                <dt>关于我们</dt>
                <dd>了解我们</dd>
                <dd>联系我们</dd>
                <dd>管理后台</dd>
            </dl>
        </div>
        <div class="gzq-footer-right">
            <div class="gzq-footer-erweima"><p> 扫码有惊喜</p><img src="../images/erweima.png" alt=""></div>
            <div class="gzq-footer-line"></div>
            <div class="gzq-footer-phone">
                <span class="gzq-footer-phonenumber"><a href="">400-xxx-0000</a></span>
                <span class="gzq-footer-phonetime">24小时在线</span>
            </div>
        </div>
        <div class="gzq-footer-banquan">
            <span>版权所有:<a href="">六组有限公司</a></span>
            <span>备案号:<a href="">传智313</a></span>
        </div>
    </div>
</div>
</body>
</html>